<!DOCTYPE html>
<html>
<head>
    <title>礼包专区</title>
    {include file="public/head" /}
<script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script></head>
<body>
<div class="mfc cbox headtop fl">
    <div class="sreach ret mfc ">
        <span class="fa fa-angle-left pabs-l-box fa-2x tc" style="width:1.6em;" onclick="history.go(-1)"></span>
        <p class="tc" onclick="history.go(-1)" style="font-size: 18px;">返回</p>
        <!--        <span class="pabs-r-box c-red tc" style="padding: 0 0.6em;"> 保存 </span>-->
    </div>
</div>
<div class="mfc setmeal bc-back fl" style="position: relative;top:10px;">

    <div class="Split left" style="overflow: auto;zoom: 1;padding-bottom:60px; ">
        <div class="left">
            <div class="left-menu" >
                <ul class="tabox">
                    {volist name="data" id="vo"}
                    <li {eq name="$i" value="1"}class="active"{/eq} onclick="setmealTabox(this,{$vo.id})">
                        {$vo.title}
                    </li>
                   {/volist}
                </ul>
            </div>
        </div>

        <div class="show cbox" id="setmealShow">
            <div id="box">

            </div>

        </div>

    </div>
</div>
<div >
    <img src="{$img}" width="100%"/>
</div>
</body>
</html>
<script>
    {notempty name="$data" }
    setmealTabox(this,{$data.0.id});
    localStorage.setItem('id',{:input('id')});
    localStorage.setItem('type_id',{:input('type_id')});
    {/notempty}
    // 获取礼品套餐专区套餐信息
    function setmealTabox(data,itemid){

        console.log($(data).hasClass('active'));
        if(!$(data).hasClass('active')){
            $(data).siblings('.active').removeClass('active');
            $(data).addClass('active');
            $('#box').load("{:url('goods_package_ajax')}"+'&id='+itemid);
            $('.btnbox').attr('data-id',itemid);
        }

    }
</script>
